<template>
  <div class="container mt12" style="height:79vh;display: flex;flex-direction: column;">
    <!--  缴费管理  -->
    <div v-if="name==='jiaofeiguanli'" style="flex: 1;">
      <pay-management></pay-management>
    </div>
    <!--  用户权限  -->
    <div v-if="name==='权限管理'" style="flex: 1;">
      <user-jurisdiction/>
    </div>
    <!--  标签设置  -->
    <div v-if="name==='标签设置'">
      <label-management></label-management>
    </div>
    <!-- 审批流程 -->
    <div v-if="name==='shenpiliucheng'" style="flex: 1;">
      <approval-process/>
    </div>
    <!--  通讯录管理  -->
    <div v-if="name==='通讯录管理'" style="flex: 1;overflow: auto;">
      <contactsManagement></contactsManagement>
    </div>
  </div>
</template>

<script>
import payManagement from "./payManagement/payManagement";
import labelManagement from "./labelManagement/labelManagement";
import contactsManagement from "./contactsManagement/contactsManagement.vue";
import userJurisdiction from "./userJurisdiction/userJurisdiction";
import approvalProcess from "./approvalProcess/approvalProcess";


export default {
  components: {
    payManagement,  // 缴费管理
    labelManagement,  // 标签设置
    contactsManagement,  // 通讯录管理
    userJurisdiction,//用户权限
    approvalProcess,//审批流程
  },
  props: ['name'],
  data() {
    return {
      tabsName: "通讯录管理",
    }
  },
  watch: {
    $route(val) {
      // this.tabsName = this.$route.query.tabsName;
    }
  },
  created() {
    // this.tabsName = this.$route.query.tabsName;
  },
  methods: {
    Tabs(data) {
    },
  }
}
</script>

<style scoped lang="less">
.search-section {
  /deep/ .el-tabs__nav-wrap::after {
    height: 0 !important;
  }
}
</style>
